<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<link rel="stylesheet" href="/css/trackDraw/trackDrawYulin.css">
<style>

    .userList{
        width: 70%;
        background: #fff;
        float: left;
        margin-right: 20px;
        padding: 15px;
        box-sizing: border-box;
    }

    .titleA{
        background: #ccc;
        line-height: 40px;
        padding-left: 10px;
    }

    .caption,.problem,.rubr,.mark{
        margin-top: 10px;
        font-size: 14px;
        width: 100% ;
        resize:none;
    }

    .rubr{
        height:100px !important;
    }

    .fixedList{
        width: 300px;
        float: left;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
        box-sizing: border-box;
    }

    .listBox{
        margin-top: 10px;
        display: table;
    }

    .listBox li{
        cursor:pointer;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 5px;
        margin-bottom:5px;
        float: left;
    }

    .listBox li:hover{
        background: #0fccbc;
    }

    .numberPeople,.maxScore,.minScore{
        width: 150px;
        border-radius: 5px;
        margin-right: 20px;
        text-align: center;
        padding: 15px;
        box-sizing: border-box;
    }
    #numberPeople,#maxScore,#minScore{
        margin-top: 10px;
    }
    .ibox{
        /*margin-bottom: 20px;*/
        margin: 0;
        overflow: hidden;
    }
    .fixed-table-toolbar{
        margin-bottom: 10px;
    }
    .user{
        background: #EDEEFF;
        width: 230px;
    }
    .tallGrade{
        background: #ffeeef;
        width: 230px;
    }
    .lowGrade{
        background: #fff6ee;
        width: 230px;
    }
    .pull-left p{
        color: #5a5f72;
    }
    .bgcoor{
        background: #ffffff;
    }
    .pull-left img {
        width: 50%;height: 60px
    }
    .pull-left .content{
        display: flex;
        flex-direction: column;
        align-items:flex-start;
        margin-left: 20px
    }
    .table .thead-dark th {
        background-color:#f9fafe;
        border-color: #f1f4f5;

    }
    .table th, .table td {
        text-align: center; /* 表头和内容居中 */
    }
    .bootstrap-table .fixed-table-container {
        height: calc(100vh - 150px) !important;
        font-size: 50px !important;
        font-weight: 600;
    }
    #exampleTable thead{
        position: sticky !important;
        top: -2px;
        font-size: 50px !important;

    }
    .fixed-table-pagination{
        display: none !important;
    }

    .th-inner {
        font-size: 32px !important;
        font-weight: 600 !important;
    }
    tbody tr td {
        font-size: 30px !important;
    }

    .wrapper-content{
        height: 100%;
    }

    bgcoor{
        height: 100%;
    }
</style>
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="bgcoor" style="height: 100%">

        <div class="ibox">
            <div class="ibox-body">
                <div style="background-color: #FFFFFF;padding: 24px 24px">
                    <div class="fixed-table-toolbar">
                        <div class="columns pull-left">
                            <button type="button" class="btn  btn-success"
                                    onclick="downExcelModelFile()">导出
                            </button>

                            <button type="button" class="btn  btn-success"
                                    onclick="clearExcelModelFile()">清空
                            </button>
                        </div>
                    </div>
                    <table id="YuLin" class="table-bordered" data-mobile-responsive="true">
                    </table>
                </div>
                <div class="container" style="margin-top: 15px">
                    <div style="display: flex;justify-content:space-evenly">
                        <div >
                            <button style="padding: 5px 60px"  type="button" class="btn  btn-primary pull-right openPages" onclick="openPage()">大屏抽签</button>
                        </div>
                        <div >
                            <button id="drawBButton" style="padding: 5px 60px"  type="button" class="btn  btn-success pull-right ">开始抽签</button>
                        </div>
                        <div>
                            <button id="stopButton" style="padding: 5px 60px" type="button" class="btn  btn-danger pull-left">停止抽签</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/defaultConfig/style.config.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/trackDraw/trackDrawList.js"></script>

</body>
</html>